<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sa="http://www.thymeleaf.org/extras/sa-token">

<head th:replace="index::head">

</head>

<body>
	<!-- 导航栏 -->
	<ul class="layui-nav" th:replace="index::nav">

	</ul>

	<div>
		<div style="text-align: center;background-color: hsl(203, 51%, 51%);color: white;height: 150px;">
			<h1 style="padding: 50px">消费记录</h1>
		</div>

		<div>
			<table class="layui-table" lay-even lay-skin="line" lay-size="lg" style="margin: 30px;">
				<colgroup>
					<col width="150">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th>费用编号</th>
						<th>客人ID</th>
						<th>入住记录ID</th>
						<th>消费</th>
						<th>创建时间</th>
					</tr>
				</thead>
				<tbody>
					<!-- 使用 Thymeleaf 循环渲染列表 -->
					<tr th:each="r : ${feeRecords}">
						<td th:text="${r.id}"></td>
						<td th:text="${r.guestId}"></td>
						<td th:text="${r.checkInId}"></td>
						<td th:text="${r.amount}"></td>
						<td th:text="${r.createAt}"></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

</body>


</html>